<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图片合集49</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .img_collection_fortynine_content li {
         padding: 0;
         position: relative;
      }

      .img_collection_fortynine_text {
         text-align: center;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
      }

      .img_collection_fortynine_text h3 {
         padding-bottom: 22px;
         color: var(--c_b_nav);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .img_collection_fortynine_text p {
         width: 60%;
         display: block;
         margin: auto;
         color: var(--c_b_nav);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .img_collection_fortynine_img {
         width: 100%;
         height: 800px;
      }

      .img_collection_fortynine_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      @media (max-width:768px) {
         .img_collection_fortynine_img {
            height: 307px;
         }

         .img_collection_fortynine_text {
            width: 100%;
         }
      }
   </style>
</head>

<body>
   <div class="img_collection_fortynine modular">
      <ul class="img_collection_fortynine_content row">
         <li class="col-md-3 col-12">
            <div class="img_collection_fortynine_img">
               <img src="../images/imgText_mix_ying.jpg" alt="">
            </div>
            <div class="img_collection_fortynine_text">
               <h3>高考素描</h3>
               <p>指导美术高考素描训练要点，构图、铺大联络、深化描写和全体拾掇</p>
            </div>
         </li>

         <li class="col-md-3 col-12">
            <div class="img_collection_fortynine_img">
               <img src="../images/img_collection_5_5.png" alt="">
            </div>
            <div class="img_collection_fortynine_text">
               <h3>高考色彩</h3>
               <p>色彩是绘画以及艺术设计的重要表现语言，是造型艺术的重要基础</p>
            </div>
         </li>

         <li class="col-md-3 col-12">
            <div class="img_collection_fortynine_img">
               <img src="../images/img_collection_5_5.png" alt="">
            </div>
            <div class="img_collection_fortynine_text">
               <h3>高考速写</h3>
               <p>速写在于培养学习者敏锐的观察能力，以及捕捉形象的表现技能</p>
            </div>
         </li>

         <li class="col-md-3 col-12">
            <div class="img_collection_fortynine_img">
               <img src="../images/img_collection_5_5.png" alt="">
            </div>
            <div class="img_collection_fortynine_text">
               <h3>成人美术</h3>
               <p>分别开设了兴趣素养、应用美术、美术基础等三大课程类别</p>
            </div>
         </li>
      </ul>
   </div>
</body>

</html>